﻿/* ==初始化浏览器默认样式== */
body {
	/* font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; */
	font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 14px;
}
input,textarea,select,button{font-size: 100%;font-family: "Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
h1, h2, h3{font-weight: normal;}
ul,ol,li {margin:0; padding:0; list-style: none;}

/*image with no-border*/
a img {border: 0;}
img {border: 0;}

/*a标签*/
a{ color: #666666; text-decoration: none; }
a:hover{text-decoration: none; }

/* 禁止多行文本框textarea拖拽 */
textarea {resize: none;}

em {
	font-style: normal;
}


/* ==全局通用样式== */

/* 浮动 */
.l {float: left !important;}
.r {float: right !important;}
/* clear */
.cl{clear:both;}
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
div.dib{*display:inline; *zoom:1;}

/* 文本属性：字号、颜色、粗细、正斜 */
/* 字号 */
.f12 {font-size: 12px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f24 {font-size: 24px !important;}
.f26 {font-size: 26px !important;}
/* line-height */
.lh0{line-height:0;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
/* 颜色 */
.c1 {color: #1e1e1e !important;}
.c3 {color: #353535 !important;}
.c6 {color: #666666 !important;}
.c9 {color: #a0a0a0 !important;}
.cc { color: #cccccc !important;}
.white {color: #fff !important;}
.red {color: #bd2221 !important;}
.orange { color: #ed6f2b !important;}
.green{color: #0b6353 !important;}
.blue{ color: #0091e3 !important;}
.past{ color: #52c41a;}
.link{ color: #1890ff;}
.warm{ color: #faad14;}
/* font-family */
/* font-family */
.fa { font-family: Arial; }
.ft { font-family: Tahoma; }
.fv { font-family: Verdana; }
.fs { font-family: Simsun; }
.fl { font-family: 'Lucida Console'; }
.fw { font-family: 'Microsoft Yahei'; }
/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:700;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/*边框*/
.bs1 {border: 1px solid #edeeef;}
.bts1 {border-top: 1px solid #edeeef;}
.bbs1 {border-bottom: 1px solid #edeeef;}
.bls1 {border-left: 1px solid #edeeef;}
.brs1 {border-right: 1px solid #edeeef;}


/*背景*/
.bg-gray{ background: #f5f5f5;}
.bg-white{background: #fff;}
.bg-blue{background: #0091e3;}
.bg-red{background: #bd2221;}
.bg-green{background:#0b6353;}


/* margin */
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}

.mlr5{ margin-right: 5px; margin-left: 5px;}
.mlr10{ margin-right: 10px; margin-left: 10px;}
.mlr15{ margin-right: 15px; margin-left: 15px;}
.mlr20{ margin-right: 20px; margin-left: 20px;}
.mlr30{ margin-right: 30px; margin-left: 30px;}

.mtb5{ margin-top: 5px; margin-bottom: 5px;}
.mtb10{ margin-top: 10px; margin-bottom: 10px;}
.mtb15{ margin-top: 15px; margin-bottom: 15px;}
.mtb20{ margin-top: 20px; margin-bottom: 20px;}
.mtb30{ margin-top:30px; margin-bottom: 30px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}

/* padding */
.plr5{ padding-right: 5px; padding-left: 5px;}
.plr10{ padding-right: 10px; padding-left: 10px;}
.plr15{ padding-right: 15px; padding-left: 15px;}
.plr20{ padding-right: 20px; padding-left: 20px;}
.plr30{ padding-right: 30px; padding-left: 30px;}

.ptb5{ padding-top: 5px; padding-bottom: 5px;}
.ptb10{ padding-top: 10px; padding-bottom: 10px;}
.ptb15{ padding-top: 15px; padding-bottom: 15px;}
.ptb20{ padding-top: 20px; padding-bottom: 20px;}
.ptb30{ padding-top:30px; padding-bottom: 30px;}

.p0{padding:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}

.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}

.pl5{padding-left:5px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}

.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}

.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}

.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}

.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
/* percent width value */
.pct10{width:10%;}
.pct15{width:15%;}
.pct20{width:20%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct40{width:40%;}
.pct50{width:50%;}
.pct60{width:60%;}
.pct66{width:66.6%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct85{width:85%;}
.pct90{width:90%;}
.pct100{width:100% !important;}

/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* opacity */
.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* 图片 */
.pic_280_280 {
	display: block;
	width: 280px;
	height: 280px;
}
.pic_230_150 {
	display: block;
	width: 230px;
	height: 150px;
}
.pic_180_140 {
	display: block;
	width: 180px;
	height: 140px;
}
.pic_250_160 {
	display: block;
	width: 250px;
	height: 160px;
}

/* 渐变过度 */
.work-list li .work-pic a,
.competition-list li .competition-pic a,
.fashion-week .list li .pic a,
.crumbs a,
.designer-list li .info .content a,
.exclusive-interview-list .cont a,
.opus-detail .main-info .right .content a,
ul.list_cp li a.cpTit,
.news-list .info h3 a {
	transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}

/* 图片放大效果 */
.interview-list li .pic img {
	transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.interview-list li .pic:hover img {
	transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/*按钮*/
.btn-125-50,
.btn-120-36,
.btn-98-38,
.btn-96-30 {
	display: inline-block;
	vertical-align: middle;
	width: 125px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #bd2221;
	border-radius: 4px;
	padding: 0;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	color: #ffffff;
}
.btn-125-50 {
	border-radius: 6px;
	font-size: 16px;
}
.btn-120-36 {
	width: 120px;
	height: 36px;
	line-height: 36px;
}
.btn-98-38 {
	width: 98px;
	height: 38px;
	line-height: 38px;
}
.btn-96-30 {
	width: 96px;
	height: 30px;
	line-height: 30px;
}
.btn-125-50:hover,
.btn-120-36:hover,
.btn-98-38:hover,
.btn-96-30:hover {
	background-color: rgb(207, 62, 62);
}

.btn-line-120-36,
.btn-line-96-30 {
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	background-color: transparent;
	border: solid 1px #bd2221;
	border-radius: 4px;
	padding: 0;
	cursor: pointer;
	font-size: 14px;
	color: #bd2221;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.btn-line-96-30 {
	width: 96px;
	height: 30px;
	line-height: 28px;
}

/*按钮禁用 */
.disabled {
    /*outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;*/
    cursor: not-allowed;
}

/*文本框 */
button,
input,
textarea {
	outline: 0;
	margin: 0;
}
input[type="text"],
input[type="password"],
textarea {
	border-radius: 4px;
	border: solid 1px #dfdfdf;
	padding: 10px;
	font-size: 14px;
	color: #1e1e1e;
}


input:focus,
textarea:focus {
	outline: none;
	border-color: #3498db;
    box-shadow: 0 0 4px rgba(43, 101, 217, 0.4);
	/* border-color: #f08080;
	box-shadow: 0 0 4px rgba(206, 83, 74, 0.4); */
    -webkit-transition: border-color ease-in-out .2s, -webkit-box-shadow ease-in-out .2s;
    -o-transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
    transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
}
input::-webkit-input-placeholder {
	color: #c8cbcf;
}
input:-ms-input-placeholder {
	color: #c8cbcf;
}
input:-moz-placeholder {
	color: #c8cbcf;
}
input::-moz-placeholder {
	color: #c8cbcf
}
textarea::-webkit-input-placeholder {
	color: #c8cbcf;
}
textarea:-ms-input-placeholder {
	color: #c8cbcf;
}
textarea:-moz-placeholder {
	color: #c8cbcf;
}
textarea::-moz-placeholder {
	color: #c8cbcf;
}
button{
	outline: none;
}

/* 滚动条样式 */
/* ::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #e2e4e7;
  border-radius: 5px;
}
::-moz-scrollbar {
  width: 5px;
  background-color: transparent;
}
::-moz-scrollbar-thumb {
  background-color: #e2e4e7;
  border-radius: 5px;
} */

pre{ 
	white-space:pre-wrap; /* css3.0 */ 
	white-space:-moz-pre-wrap; /* Firefox */ 
	white-space:-pre-wrap; /* Opera 4-6 */ 
	white-space:-o-pre-wrap; /* Opera 7 */ 
	word-wrap:break-word; /* Internet Explorer 5.5+ */ 
	line-height: 24px;
    font-family: "微软雅黑";
} 
input::-webkit-text-cancel-button {
            display: none;
        }
        input[type=text]::-ms-clear {
            display: none;
        }

input::-ms-reveal {
            display: none;

        }
		input::-webkit-input-safebox-button {
            display: none;
		}


.border-box {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

/* 单选按钮样式 */
.radio-btn span {
	display: inline-block;
	vertical-align: -1px;
	width: 12px;
	height: 12px;
	background: url(../images/res/icon_radio_btn.png) no-repeat center;
}
.radio-btn.on span {
	background: url(../images/res/icon_radio_btn_on.png) no-repeat center;
}





/* 广告字样样式 */
.ad-main {
	position: relative;
}
.ggTips {
    width: 24px;
    height: 14px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-size: 0px;
    background: url(../images/res/icon-ad.png) no-repeat center;
}

/* layer样式 */
.m-layer {
	padding: 20px 40px;
}
.layui-layer-btn .layui-layer-btn0 {
	border-color: #bd2221 !important;
	background-color: #bd2221 !important;	
}
.layui-layer-btn a {
    margin: 0 10px !important;
}